import React from 'react'
import {Routes,Route,Navigate } from "react-router-dom"
import Nosee from './components/404'
import Header from './components/Header'
import List from './components/List'

export default function App() {

  /*
      Navigate组件:
          当不管什么情况下接收了这个 Navigate组件,则路由会按照这个组件的to的地址重新执行路由跳转
          没有限制只能在路由中跳转

      路径是* 代表所有路径,先匹配非*的所有的路径,如果匹配不到,则执行*代表的路由组件
  */
  return (
    <div>
      <Routes>
      <Route path="/login" element={<List/>}/>
      <Route path="/main" element={<Header/>}/>
      <Route path="*" element={<Nosee/>}/>
      <Route path="/" element={<Navigate to='/login'/>}/>
    </Routes> 
    </div>
  )
}

